<template>
  <div>
    <a-row>
      <a-col :span="4">Form_frodoe fffff</a-col>
      <a-col :span="14"></a-col>
      <a-col :span="6">
        <!-- 操作按钮区域 -->

        <a-tooltip placement="bottom">
          <template slot="title">
            <span>新建</span>
          </template>
          <a-icon class="trigger" type="file-add" @click="showModal" />
        </a-tooltip>
        <newmodule ref="modalForm" @ok="modalFormOk"></newmodule>
        <a-tooltip placement="bottom">
          <template slot="title">
            <span>预览</span>
          </template>
          <a-icon class="trigger" type="eye" />
        </a-tooltip>
        <a-tooltip placement="bottom">
          <template slot="title">
            <span>下载</span>
          </template>
          <a-icon class="trigger" type="cloud-download" />
        </a-tooltip>
      </a-col>
    </a-row>
  </div>
</template>

<script>
import newmodule from './CodeNewModule'
export default {
  data() {
    return {
      visible: false
    }
  },
  components: {
    newmodule
  },
  methods: {
    showModal() {
      this.$refs.modalForm.add()
      this.visible = true
    },
    modalFormOk(e) {
      this.visible = false
    }
  }
}
</script>

<style>
</style>